<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/echarts.js"></script>
    <script type="text/javascript">
        document.write(unescape('%3Clink rel="stylesheet" type="text/css" href="./css/chart.css?v=' + new Date().getTime() + '"%3E'))
        document.write(unescape('%3Cscript src="./js//SingleChart.js?v=' + new Date().getTime() + '" type="text/javascript" %3E%3C/script%3E'));
    </script>
</head>
<body>
    <div style="margin: 20px;border: 1px solid #ccc;">
        <div id="chart" style="width: 100%;height: 500px;"></div>
    </div>

    <script type="text/javascript">
        var data = [{
            name:'排队量',
            type: 'line',
            stack: '总量',
            clipOverflow:false,
//            symbol:'circle',
            data:(function(){
                var arr = [];
                for(var i=0;i<24;i++){
                    arr.push(i+10)
                }
                return arr;
            })(),
            itemStyle: {
                normal: {
                    lineStyle: {
                        color : 'red'
                    }
                }
            },
        }];
        var cha = SingleChart.LineChart('chart',{
            series:data,

        });
        console.log(cha);
        console.log(cha.getModel());
//        var option = {
//            tooltip: {
//                trigger: 'axis'
//            },
//            legend: {
//                bottom: 10,
//                data: ['排队量', '已接入会话量', '未接入会话量', '总会话量']
//            },
//            grid: {
//                left: '3%',
//                right: '4%',
//                containLabel: true
//            },
//            toolbox: {
//            },
//            xAxis: {
////                gridIndex:1,
//                type: 'category',
//                boundaryGap: false,
//                data: ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00','07:00','08:00',
//                    '09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00',
//                    '18:00','19:00','20:00','21:00','22:00','23:00']
//            },
//            yAxis: {
//                type: 'value'
//            },
//            series: [
//                {
//                    name: '排队量',
//                    type: 'line',
//                    stack: '总量',
//                    data: [120, 132, 101, 134, 90, 230, 210]
//                }
//            ]
//        };
//        var myChart = echarts.init(document.getElementById('chart'));
//        myChart.setOption(option);
    </script>
</body>
</html>